<!-- 整个前端应用的入口 HTML 文件，是浏览器解析的起点，定义了页面基本结构 -->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- 定义网站的图标 -->
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- 响应式配置，适配移动端 -->
    <title>健身房预约系统</title>
  </head>
  <body>
    <div id="app"></div><!-- Vue应用的挂载点，后续Vue组件会渲染到这个div中 -->
    <script type="module" src="/src/main.js"></script><!-- 引入入口JS文件，type="module"支持ES6模块化 -->
  </body>
</html>
